<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //同源策略 协议域名端口号其中有一个不一样就是跨域，浏览器就会拒绝该请求
        //CROS 的Content-Type 默认支持application/x-www-form-urlencoded（name&age=2） | multipart/form-data(new FormData) | text/plain(dasdasdasdasdasd)
        //默认是get请求
        //预检请求
        // fetch('http://localhost:3001/info', {
        //     //为post请求设置请求头
        //     method: 'POST',
        //     headers: {
        //         'Content-Type': 'application/json'
        //     },
        //     body: JSON.stringify({ name: 'cqj' })
        // }).then((res) => res.json()).then((res) => { console.log(res); })
        // fetch('http://localhost:3001/info', {
        // }).then((res) => {
        //     //获取自定义响应头
        //     const headers = res.headers; console.log(headers.get('cqj'));
        //     return res.json()
        // }).then((res) => { console.log(res); })
        //接收单工通讯流数据
        const sse = new EventSource('http://localhost:3001/sse');
        //默认叫 message
        // sse.addEventListener('message', (e) => {
        //     console.log(e.data);
        // })
        //自定义事件名 test-name
        sse.addEventListener('test-name', (e) => {
            console.log(e.data);
        })
    </script>
</body>

</html>